<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DEMO</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .swiper-container {
            width: 1200px;
            margin: 0 auto;
        }

        .blue-slide {
            background: #4390EE;
        }

        .red-slide {
            background: #CA4040;
        }

        .orange-slide {
            background: #FF8604;
        }

        .swiper-slide {
            line-height: 300px;
            background-color: #AEE2B5;
            font-size: 36px;
            text-align: center;
        }

        #video {
            position: relative;
            width: 800px;
            height: 600px;
            margin: 0 auto;
        }

        .video_iframe {
            position: absolute;
            left: 0;
            top: 0;
        }
    </style>
</head>

<body>
    <div id="videoCon" class="video" style="height:600px;"></div>
    <param name="autostart" value="true">
    <param name="movie" value="http://cache.tv.qq.com/qqplayerout.swf?playertype=4&v=r0540h0of1h">
    <param name="allowFullScreen" value="true">
    <param name="wmode" value="opaque">
    <param name="allowScriptAccess" value="always">
    <param name="allownetworking" value="all">
    <embed width="780" height="500" class="blog_video" id="blog_video_1479535406954" src="http://cache.tv.qq.com/qqplayerout.swf?playertype=4&auto=0&v=r0540h0of1h"
        type="application/x-shockwave-flash" data-playtime="" data-mp4="" data-coverwidth="" data-coverheight="" data-vid="r0540h0of1h"
        data-duration="" data-type="" allownetworking="all" allowscriptaccess="always" enablecontextmenu="False"></embed>

    <script type="text/javascript" src="./jquery-3.2.0.min.js"></script>
    <script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
    <script>
        var video = new tvp.VideoInfo();
        video.setVid("r0540h0of1h"); //视频vid  
        var player = new tvp.Player(750, 450); //视频高宽  
        player.setCurVideo(video);
        player.addParam("autoplay", "0"); //是否自动播放，1为自动播放，0为不自动播放  
        player.addParam("wmode", "opaque");
        player.addParam("showend", 0);
        player.addParam("adplay", 0);
        player.addParam("wmode", "transparent");
        player.addParam("pic", "http://www.yunjingzhi.com/common/images/banner3.png"); //默认图片地址  
        player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"); //是否调用精简皮肤，不使用则删掉此行代码    
        player.write("videoCon");
    </script>
</body>

</html>